@charset "utf-8";
/* CSS Document */

* {font-family:"Microsoft Yahei", Arial, Tahoma, sans-serif;-webkit-text-size-adjust:none;}
body {margin:0;font-size:14px;color:#333333;background:#fff;}
form,input,select,textarea,td,th {font-size:14px;}
img {border:none;}
.left_box td {line-height:30px;}
.left_box td a{color:#666}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#3379f3;}
/* links */
.clear{ clear:both;}
/* common */
.m12 {margin:0px auto;width:1200px;}
.headers{ background:#f0f0f0; height:40px; line-height:40px;}
.heads,.headx{display: flex;    justify-content: space-between;}
.headerx{ background:#fff; /*height:120px; line-height:120px;*/}
.headx{ padding:20px;}
.sswbk{ border:1px solid #dadada; height:38px; line-height:38px; width:280px; color:#666;padding-left:5px;}
.searchan{ height:42px; line-height:42px; color:#fff; background:#3379f3; color:#fff; width:90px; border:none;}
.ssk{margin-top: 16px;}
.naver{ background:#3379f3; height:48px; line-height:48px;}
.nava ul li{ float:left; }
.nava ul li a{  color:#fff; padding:0px 16px;height:48px; line-height:48px;}
.nava ul li a:hover{ background:#555; display:block;}
.zxgger{ background:#f7f7f7; height:50px; line-height:50px;}
.zxgg{ background:url(../images/zxgg.jpg) no-repeat 30px center; padding-left:70px; font-size:16px;}
.flex{display: flex;    justify-content: space-between;}
.notice{ border:1px solid #e6e6e6; padding:25px; margin:30px 0px; width:44%;}
.notice-title-l{ font-size:24px; color:#000; border-left:3px solid #3379f3; padding:0px 10px;}
.notice-title{ border-bottom:1px solid #e4e4e4; padding-bottom:20px;}
.notice-title-l span{ font-size:16px; color:#acb4bd;text-transform: uppercase;}
.more{ color:#999999; font-size:18px;}
.more a{ color:#999;}
.more a:hover{ color:#3379f3;}
.date{ padding-bottom: 8px; font-size:14px; color:#999;}
.more1{  font-size:14px; color:#999;}
.more1 a,.date1 a{  font-size:14px; color:#999;}
.notice-cont{ padding: 15px 0px;}
.notice-cont-r{ margin-left:10px;}
.notice-cont-r h3{ margin:0px;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.notice-cont-r p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow：elipsis; color:#666;height: 40px;margin: 10px 0;}
.notice-foot ul li{display: flex;    justify-content: space-between; padding:8px 0px;}
.notice-foot ul li a:hover{color:#3379f3;}
.notice-foot ul,.notice-foot ul li{ width:100%;}
.news{ width:83%;}
.news a{ color:#666; font-size:14px;width:100%;white-space: nowrap; text-overflow:ellipsis;overflow: hidden; display:block;}
.date1{font-size:14px; color:#666;}
.date1 a{ display:block; }
.active-title-l{ font-size:24px; color:#000; border-left:3px solid #b562d8; padding:0px 10px;}
.active-title-l span{ font-size:16px; color:#acb4bd;text-transform: uppercase;}
.middle{ background:#f1f1f1; margin:20px 0px; padding:40px 0px 10px 0px;}
.practice{ width:67.5%;}

.practice-title-l{ font-size:24px; color:#000; border-left:3px solid #fb920b; padding:0px 10px;}
.practice-title-l span{ font-size:16px; color:#acb4bd;text-transform: uppercase;}
.practice-title{ width:100%; padding-bottom:20px; height:23px;}
.practice-l{width:37%;}
.practice-r{ background:#fff; padding:20px ;width:59%;}
.postgraduate{ background:#fff; padding:25px; margin:30px 0px; width:44%;}
.theme{ padding:30px 0px;}
.stu-acv ul li{display: flex;    justify-content: space-between; margin-bottom:20px;}
.stu-acv-r{ margin-left:20px;}
.stu-acv-r h3{ margin:0px;}
.stu-acv-r p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; height: 120px; color:#666; text-indent:2em; line-height:30px;margin: 10px 0;}
.stu-acv ul li:hover{  color:#acb4bd;}
.footer{ background:#373737; width:100%; padding:15px 0px;float: left;padding-bottom: 0px;}
.footerx{ background:#242424; width:100%;}
.linka{ width:40%; color:#bababa;}
.linka p a{ margin-right:10px;  color:#bababa; line-height:30px;white-space:nowrap;}
.linka p a:hover{  color:#3379f3; }
.aboutus{ width:20%; color:#bababa;}
.er-code{ width:20%; padding-top:20px;}
.er-code img{width: 100% !important; height: auto;}
.footx{ color:#bababa; text-align:center; padding:10px 0px;}
.train{ height:638px; padding:30px 0px; background:url(../images/xzhd.jpg) no-repeat top center;background-size: cover;}
.train-title{ text-align:center; }
.train-title p{text-transform: uppercase; color:#fff; font-size:16px;}
.train-title h3{ text-align:center; font-size:24px; background:url(../images/xian.png) no-repeat top center; color:#fff; font-weight:400; }
.gd_title{  color:#fff; padding:20px 5px; font-size:24px;line-height: 1.2;text-align: center;}
.train-cont{
  margin-top: 64px;
}
#scrollPic li:nth-child(3n+1) .gd_title{ 
  background:#4f79de;
}
#scrollPic li:nth-child(3n+2) .gd_title{ 
  background:#fc920b;
}
#scrollPic li:nth-child(3n+3) .gd_title{ 
  background:#b562d8;
}
.gd_foot{
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #999;
  font-size: 18px;
}
a:hover .gd_foot, .more1:hover, .article-bottom li a:hover, .case-sidebar li a.active{
  color:#3379f3;
}
#scrollPic li:nth-child(3n+1) .gd_foot{ 
  background:#e7eeff;
}
#scrollPic li:nth-child(3n+2) .gd_foot{ 
  background:#faedff;
}
#scrollPic li:nth-child(3n+3) .gd_foot{ 
  background:#fff4e8;
}
.gd_cont{
  margin: 12px 0;
  font-size: 14px;
  line-height: 2;
  color: #666;
  text-indent: 2em;
}

.scroll {
	width:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scroll_left,.scroll_right {
	width:23px;
	height:63px;
	background-color: rgba(0, 0, 0, .3);
	color:#fff;
	float:left;
	line-height:63px;
	text-align:center;
  cursor: pointer;
}
.pic {
	width:calc(100% - 55px) !important;
	float:left;padding-bottom:20px;
}
.pic ul {
	display:block;
}
.pic li {
	float:left;
	display:inline;
	width:362px;
  padding: 24px 20px;
  margin: 0 12px;
  box-sizing: border-box;
  background-color: #fff;
}

/* 主题活动 */
.theme-box{
  display: flex;
  justify-content: space-between;
}
.case-sidebar{
  width: 200px;
}
.case-sidebar li a{
  display: flex;
  justify-content: space-between;
  margin-right: 32px;
  line-height: 36px;
}
.case-sidebar li a span{
  display: flex;
  align-items: center;
}
.case-sidebar li a span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/activity1.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(2) a span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/race1.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(3) a span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/food1.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(4) a span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/special1.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li a:hover span:first-child::before, .case-sidebar li a.active span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/activity2.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(2) a:hover span:first-child::before, .case-sidebar li:nth-child(2) a.active span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/race2.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(3) a:hover span:first-child::before, .case-sidebar li:nth-child(3) a.active span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/food2.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar li:nth-child(4) a:hover span:first-child::before, .case-sidebar li:nth-child(4) a.active span:first-child::before{
  content: '';
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../images/special2.png) no-repeat ;
  background-size: 100%;
}
.case-sidebar + .case-panel{
  width: 1000px;
}
.flex-add{
  flex-wrap: wrap;
}
.case-sidebar + .case-panel .stu-acv-r p{
  -webkit-line-clamp: 3;
  height: 90px;
}
.article{
  overflow: auto;
  margin-bottom: 40px;
}
.article h1{
  text-align: center;
  margin: 50px 0;
}
.article h3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  font-size: 20px;
  line-height: 50px;
  color: #333;
  font-weight: 400;
  background-color: #e7f0ff;
  cursor: pointer;
}
.article h3 img {
  width: 30px;
  height: 30px;
}
.article p{
  line-height: 30px;
  text-indent: 2em;
  color: #666;
}
.article-bottom ul{
 flex-wrap: wrap;
}
.article-bottom li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(50% - 40px);
  margin-right: 40px;
}
.article-bottom li:nth-child(2n){
  margin-right: 0;
  margin-left: 40px;
}
.article-bottom li a{
  display: block;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  line-height: 36px;
}
.notice-cont-l{
  width: 36%;
}
.notice-cont-l img{
  width: 100%;
  height: 120px;
  object-fit: cover;
}
.notice-cont-r{
  width: 64%;
}
img{
  object-fit:cover;
}
.stu-acv-l{
  width: 25.5%;
}
.stu-acv-l img{
  width: 100%;
  height: 225px;
}
.stu-acv-r{
  width: 74.5%;
}
.footx a:nth-child(2),.footx a:nth-child(8),.footx a:nth-child(10){
  display: inline-flex;
  margin-top: 10px;
}
.footx a:nth-child(3){
  display: inline-block;
}
.footx a:nth-child(3) img {
  width: 100px;
  margin-top: -12px;
}
.footx a:nth-child(10) span {
  position: relative;
  top: -5px;
}
.back2top{
  left: auto !important;
  right: 1% !important;
}
.aboutus p{
  margin-top: 10px;
}
.ztlist p a{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* banner */
.c-banner{
	width: 100%;
  height: 0;
  padding-bottom: 21.02%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute;
	display: none;
	opacity: 0;
  width: 100%;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
  cursor: pointer;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 10px;
}
.c-banner .preImg{
  left: 10px;
}

.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
  cursor: pointer;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}